@charset "utf-8";

body { margin:0; padding:0; width:100%; color:#9a9a9a; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background:#fff;}
.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.logo { padding:20px 0; float:left; width:450px;}
.logo img { float:left; margin:0 10px 0 0; }
img{ border: none;}
h1 { margin:0; padding:5px 0; width:350px; color:#40b5ff; font:normal 28px/1.4em \5FAE\8F6F\96C5\9ED1,'Microsoft Yahei',Arial, Helvetica, sans-serif; letter-spacing:-2px;}
h1 a, h1 a:hover { color:#40b5ff; text-decoration:none;}
h1 span { color:#424242;}
h1 small { text-align:left; float:right; width:130px; border-left:1px solid #e1e0e0; color:#bab9b9; display:block; padding:15px 0 15px 10px; font:normal 12px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal;}
h2 { font:normal 24px \5FAE\8F6F\96C5\9ED1,\96C5\9ED1,\9ED1\4F53,Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#595959;}
h2.star { background:#767676/* url(images/sidebar_bg_h2.gif) 10px 10px no-repeat*/; padding:7px 0 5px 30px; color:#fff;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
p.spec { text-align:right;}
a { color:#2cadff; text-decoration:none;}
a:hover { text-decoration:underline;}
a.rm, a.com { margin-left:8px; padding:9px 12px; background:url(images/a_bg.gif) repeat-x top; text-decoration:none; color:#fff;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header_resize { margin:0 auto; padding:0; width:970px;}
.header_img { border:1px solid #e1e0e0; padding:5px; background:#fff;}
/* menu */
.menu_nav { margin:0; padding:10px 0; float:left; border:solid #e1e0e0;border-width: 1px 0; width:970px;}
.menu_nav ul { list-style:none; width:700px; float:left;}
.menu_nav ul li { margin:0; padding:0 2px 0 0; float:left; background:url(images/menu.gif) no-repeat right center;}
.menu_nav ul li a { border-right:1px solid #e1e0e0; display:block; margin:0; padding:2px 20px; color:#848383; text-decoration:none; font:normal 13px Arial, Helvetica, sans-serif;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#424242; }
.menu_nav ul li.last a { border:0;}
/* search */
.search form { float:right; padding:0; margin:0; }
.search span { display:block; float:left; background:#fff; width:201px; padding:0; height:23px; border:1px solid #e9e9e9;}
.search form .keywords { width:167px; line-height:13px; height:13px; float:left; background:none; border:0; padding:5px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#bab9b9; }
.search form .button { float:left; margin:0; padding:0; border:0; position:relative; }
/* content */
.content { padding:10px 0 0 0;width:970px; margin:0 auto;}
.content_resize {  padding:0 20px; background:#fff; border:1px solid #e1e0e0;margin-bottom: 10px;}

.content .mainbar { margin:0; padding:0; float:left; width:620px; /*background:url(images/content_bg.gif) repeat-x bottom;*/}
.content .mainbar .article { margin:0;padding: 6px 10px 0 0;}
.content .mainbar .blog{position: relative;border-bottom: 1px dashed #C7E0F7;padding-left: 74px;}
.content .mainbar .article h2{ font-family: \5FAE\8F6F\96C5\9ED1, 'Microsoft Yahei', \9ED1\4F53, Arial;}
.content .mainbar .article .timebox{ position: absolute;top: 10px;left: 8px;color: #2CADFF;}
.content .mainbar .article .timebox span{ display: block;text-align: center;font-family: Georgia,"Times New Roman",Times,serif;}
.content .mainbar .article .timebox span.day{ font-size: 36px;height: 36px;line-height: 36px;margin-bottom: 6px;}
.content .mainbar .article p.ainfo span{ margin-right: 6px;color: #2CADFF;}
.content .mainbar .article .adetail p{ text-indent: 2em;}
.content .mainbar .article img.f1 { float:right; padding:4px; margin:0 0 6px 10px; border:1px solid #eaecec; background-color:#fff;}
.content .mainbar .paging{ padding: 10px 0 20px;}
.content .mainbar .paging span.butons a { margin:0 5px 0 0; float:right; color:#9a9a9a; padding:1px 10px; text-decoration:none;  border:1px solid #ebe8e8; background:#fbfbfc;}
.content .mainbar .paging span.butons a:hover { border:1px solid #d9f0ff; background:#40b5ff; color:#fff; text-decoration:none;}
.content .mainbar .paging span.butons a.active {  border:1px solid #ebe8e8;  background:#40b5ff; color:#fff; text-decoration:none;}
.content .sidebar { margin:20px 0 0 0; padding:0; float:right; width:280px;}
.content .sidebar .gadget { margin:0 0 10px 0; padding:10px; border:1px solid #ebebeb;}
.content .article-detail{ width: 800px;margin: 0 auto;padding: 20px 0;color: black;}
.content .article-detail .article-head{ text-align: center;}
.content .article-detail .article-head h3.title{ font-size: 28px;line-height: 28px;margin: 0;font-family: \5FAE\8F6F\96C5\9ED1, 'Microsoft Yahei', \9ED1\4F53, Arial;font-weight: normal;}
.content .article-detail .article-head p.dpet span{ margin: 0 0.5em;}
.content .article-detail .maincnt{ overflow: hidden;font-size: 12px;}
.content .article-detail .maincnt p{ font-weight: normal;}

ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0 4px 12px; width:220px;}
ul.ex_menu li { padding:4px 0 8px 12px;}
ul.sb_menu li a, ul.ex_menu li a { color:#959595; text-decoration:none; margin-left:-12px; padding-left:12px;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#2cadff; text-decoration:underline;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { padding:10px 0 0 0;}
.fbg_resize { margin:0 auto; padding:0 20px; width:930px; background:#fff; border:1px solid #e1e0e0;}
.fbg  h2{ font-family:  \5FAE\8F6F\96C5\9ED1, 'Microsoft Yahei', 'Arial';}
.fbg  h2 a{ color:#595959;}
.fbg  img { padding:4px; border:1px solid #cfd2d4; background-color:#fff;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:266px;}
.fbg .c2 { padding:0 16px; width:300px;}
.fbg .c3 { padding:0 0 0 16px; width:260px;}
.fbg .c1 img { margin:8px;}
.fbg .c3 img { margin:8px 16px 4px 0; float:left;}

/* footer */
.footer {padding:40px 0;}
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; text-align:right; line-height:1.5em; color:#888787;}
.footer p.lf a { color:#2cadff;}
.footer p.lr { margin:0; padding:4px 0; float:left; width:auto; line-height:1.5em; color:#888787;}
.footer p.lr a { color:#2cadff;}
.footer .center{ text-align: center;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

.recommendbar {}
.recommendbar h2.retitle{ font-size: 20px;}
.recommendbar .scrollbar{ width: 840px;position: relative;padding-bottom:20px;margin: 0 auto;}
.recommendbar .scrollbar .btn{ background: url(Images/product_arrow.gif) no-repeat;width: 25px;height: 148px;cursor: pointer; position: absolute;top: 1px;}
.recommendbar .scrollbar .leftBtn{left: -27px;background-position: -25px 0;}
.recommendbar .scrollbar .leftBtn:hover{ background-position: 0 0;}
.recommendbar .scrollbar .rightBtn{ right: -27px;background-position: -50px 0;}
.recommendbar .scrollbar .rightBtn:hover{ background-position: -75px 0;}
.recommendbar .scrollbar .scrollbox{ overflow: hidden;}
.recommendbar .scrollbar ul{width: 2900px;}
.recommendbar .scrollbar ul li{display: inline;width: 168px;text-align: center;}
.recommendbar .scrollbar ul li a{display: block;height: 146px;overflow: hidden;border: #E5E5E5 1px solid;padding-top:3px;margin: 0px 5px;color: black;text-decoration: none;}
.recommendbar .scrollbar ul li a:hover{ border-color: #008aff;color: #008aff;}
.recommendbar .scrollbar ul li span{display: block;padding-top: 4px;}
.recommendbar #ScrollBox{ list-style: none;}
.recommendbar #ScrollBox li{ float: left;}

.productsList{}
.productsList .productItem{ float: left;width: 160px;height: 155px;_display: inline;border: #E5E5E5 1px solid;margin:0 20px 20px;text-align: center;}
.productsList .productItem .pic{ height: 130px;overflow: hidden;}
.productsList .productItem .pic .floater{ float: left;height: 50%;margin-bottom: -75px;}
.productsList .productItem .pic a{ clear: both;height: 130px;position: relative;display: block;}
.productsList .productItem .pic img{width: 150px;}
.productsList .productItem a.name{ display: block;text-align: center;height: 20px;overflow: hidden;line-height: 20px;}

.gadget h3.catTitle{ margin: 4px 0 2px;padding: 0;}
.gadget h3.catTitle a{ color: #959595;}
.gadget h3.catTitle a:hover{ color: #008aff;}